<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" lang="en">
<head th:fragment="head(title,cssPaths)">


    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <title th:text="${title}"></title>


    <link rel="stylesheet" type="text/css" th:href="@{/static/AmazeUI-2.4.2/assets/css/amazeui.min.css}"/>

    <!--begin::页面样式 -->
    <link rel="stylesheet" type="text/css" th:each="cssPath,status:${#strings.setSplit(cssPaths,',')}"
          th:href="@{${cssPath}}"/>
    <!--end::页面样式 -->
</head>
<body>


<div th:fragment="top">
    <div class="am-container header">
        <ul class="message-l">
            <div class="topMessage">
                <div class="menu-hd">
                    <shiro:guest>
                        <a th:href="@{/ec/loginUrl}" target="_top" class="h" >亲，请登录</a>
                        <a th:href="@{/ec/signUpUrl}" target="_top" >免费注册</a>
                    </shiro:guest>
                    <shiro:user>
                        <a href="#" target="_top" class="h" ><span>您好！<shiro:principal property="userName" /></span></a>
                        <a th:href="@{/ec/logoutUrl}" target="_top">退出</a>
                    </shiro:user>
                </div>
            </div>
        </ul>
        <ul class="message-r">
            <div class="topMessage home">
                <div class="menu-hd"><a th:href="@{/ec/homeUrl}" target="_top" class="h">商城首页</a></div>
            </div>
            <div class="topMessage my-shangcheng">
                <div class="menu-hd MyShangcheng"><a th:href="@{/ec/user/center}" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
                </div>
            </div>
            <div class="topMessage mini-cart">
                <div class="menu-hd"><a id="mc-menu-hd" th:href="@{/ec/user/cart}" target="_top"><i
                        class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum"
                                                                                              class="h">0</strong></a>
                </div>
            </div>
            <div class="topMessage favorite">
                <div class="menu-hd"><a th:href="@{/ec/user/favorite}" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
                </div>
            </div>
        </ul>
    </div>

    <!--悬浮搜索框-->

    <div class="nav white">
        <div class="logo"><img th:src="@{/static/images/logo.png}"/></div>
        <div class="logoBig">
            <li><img th:src="@{/static/images/logobig.png}"/></li>
        </div>

        <div class="search-bar pr">
            <a name="index_none_header_sysc" href="#"></a>
            <form>
                <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
                <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
            </form>
        </div>
    </div>

    <div class="clear"></div>
</div>



<!--页面旁边工具条-->
<div th:fragment="tool">


    <!--引导 -->
    <div class="navCir">
        <li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
        <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
        <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
        <li><a href="../person/index.html"><i class="am-icon-user"></i>我的</a></li>
    </div>


    <!--菜单 -->
    <div class=tip>
        <div id="sidebar">
            <div id="wrap">
                <div id="prof" class="item ">
                    <a href="# ">
                        <span class="setting "></span>
                    </a>
                    <div class="ibar_login_box status_login ">
                        <div class="avatar_box ">
                            <p class="avatar_imgbox "><img th:src="@{/static/images/no-img_mid_.jpg}"  /></p>
                            <ul class="user_info ">
                                <shiro:guest>
                                    <li>请登录</li>
                                </shiro:guest>
                                <shiro:user>
                                    用户名：<shiro:principal property="userName" />
                                    <li>级&nbsp;别普通会员</li>
                                </shiro:user>
                            </ul>
                        </div>
                        <div class="login_btnbox ">
                            <a th:href="@{/ec/user/order} " class="login_order ">我的订单</a>
                            <a th:href="@{/ec/user/favorite}" class="login_favorite ">我的收藏</a>
                        </div>
                        <i class="icon_arrow_white "></i>
                    </div>

                </div>
                <div id="shopCart " class="item ">
                    <a th:href="@{/ec/user/cart}">
                        <span class="message "></span>
                    </a>

                    <p>
                        购物车
                    </p>

                    <a th:href="@{/ec/user/cart}">
                        <p class="cart_num ">0</p>
                    </a>
                </div>
                <div id="asset " class="item ">
                    <a th:href="@{/ec/user/asset}">
                        <span class="view "></span>
                    </a>
                    <div class="mp_tooltip ">
                        我的资产
                        <i class="icon_arrow_right_black "></i>
                    </div>
                </div>

                <div id="foot " class="item ">
                    <a th:href="@{/ec/user/foot}">
                        <span class="zuji "></span>
                    </a>
                    <div class="mp_tooltip ">
                        我的足迹
                        <i class="icon_arrow_right_black "></i>
                    </div>
                </div>

                <div id="brand " class="item ">
                    <a th:href="@{/ec/user/favorite}">
                        <span class="wdsc "><img th:src="@{/static/images/wdsc.png}" /></span>
                    </a>
                    <div class="mp_tooltip ">
                        我的收藏
                        <i class="icon_arrow_right_black "></i>
                    </div>
                </div>

                <div id="broadcast " class="item ">
                    <a th:href="@{/ec/user/recharge}">
                        <span class="chongzhi "><img  th:src="@{/static/images/chongzhi.png}" /></span>
                    </a>
                    <div class="mp_tooltip ">
                        我要充值
                        <i class="icon_arrow_right_black "></i>
                    </div>
                </div>

                <div class="quick_toggle ">
                    <li class="qtitem ">
                        <a th:href="@{/ec/user/customerService}"><span class="kfzx "></span></a>
                        <div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
                    </li>
                    <!--二维码 -->
                    <li class="qtitem ">
                        <a href="#none "><span class="mpbtn_qrcode "></span></a>
                        <div class="mp_qrcode " style="display:none; "><img  th:src="@{/static/images/weixin_code_145.png}"  /><i class="icon_arrow_white "></i></div>
                    </li>
                    <li class="qtitem ">
                        <a href="#top " class="return_top "><span class="top "></span></a>
                    </li>
                </div>

                <!--回到顶部 -->
                <div id="quick_links_pop " class="quick_links_pop hide "></div>

            </div>

        </div>
        <div id="prof-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                我
            </div>
        </div>

        <div id="shopCart-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                购物车
            </div>
        </div>

        <div id="asset-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                资产
            </div>

            <div class="ia-head-list ">
                <a href="# " target="_blank " class="pl ">
                    <div class="num ">0</div>
                    <div class="text ">优惠券</div>
                </a>
                <a href="# " target="_blank " class="pl ">
                    <div class="num ">0</div>
                    <div class="text ">红包</div>
                </a>
                <a href="# " target="_blank " class="pl money ">
                    <div class="num ">￥0</div>
                    <div class="text ">余额</div>
                </a>
            </div>

        </div>
        <div id="foot-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                足迹
            </div>
        </div>
        <div id="brand-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                收藏
            </div>
        </div>
        <div id="broadcast-content " class="nav-content ">
            <div class="nav-con-close ">
                <i class="am-icon-angle-right am-icon-fw "></i>
            </div>
            <div>
                充值
            </div>
        </div>
    </div>

</div>







<div th:fragment="footer">
    <div class="footer ">
        <div class="footer-hd ">
            <p>
                <a href="# ">恒望科技</a>
                <b>|</b>
                <a href="# ">商城首页</a>
                <b>|</b>
                <a href="# ">支付宝</a>
                <b>|</b>
                <a href="# ">物流</a>
            </p>
        </div>
        <div class="footer-bd ">
            <p>
                <a href="# ">关于恒望</a>
                <a href="# ">合作伙伴</a>
                <a href="# ">联系我们</a>
                <a href="# ">网站地图</a>
                <em>© 2015-2025 Hengwang.com 版权所有</em>
            </p>
        </div>
    </div>

</div>


<footer th:fragment="js">

    <script th:src="@{/static/AmazeUI-2.4.2/assets/js/jquery.min.js}"></script>
    <script th:src="@{/static/AmazeUI-2.4.2/assets/js/amazeui.min.js}"></script>

</footer>
</body>
</html>